.header{
    position: relative;
    height: 2100px;
    /* background-color: red; */
    background-size: 1800px auto;
    background-image: url(../img/active/banner.jpg.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    /* opacity: 0.7; */
    /* margin-bottom: 70px; */
    /* background-position: center; */
    /* opacity: 0.35; */
   
}
.mask{
    position:absolute;
    width: 100%;
    height: 100%;
    background-color:#070707c0;
    opacity: 0.7;
}
.header .w .header-nav {
    background-color: rgba(10, 7, 7, 0);
}

.header .w{
position:absolute;
/* height: 2000px; */
}
.active{
    /* width: 1080px; */
    height: 1740px;
    padding: 0.1px;
    /* background-color: #fff; */
}
.active .nav{
    position:absolute;
    top: 231px;
    left: 358px;
}
.active .active-picture{
    margin-top: 250px;
    /* height: 1776px; */
    /* background-color: #fff; */
}
.active .active-text{
    width: 696px;
    font-size: 14px;
    line-height: 30px;
    margin:0 auto;
    color: #ffffff;
}
.active .active-picture .card{
    /* width: 515px; */
    margin:0 auto;
    margin-top:115px;
    margin-left:5%;
    float:left;
    
    overflow: hidden;
}
.active .active-picture .card img{
    width: 516px;
    height: 536px;
    background-size: cover;
    transition: 2s;
}
.active .active-picture .card .card-list{
    position: relative;
    width: 515px;
    height: 736px;
}
.card .card-list.mr0 .card-title{
    margin-top: -15px;
}
.active-picture .card .card-list .card-title{
    position:absolute;
    top: 478px;
    width: 516px;
    /* height: 75px; */
    color:#ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 75px;
    background-color:#4b4949;
}
.card .card-list .card-title.mr0{
    top:200px;
    /* background-color: #fff; */
}
.active-picture .card .card-list:hover .card-title{
    background-color: #dd1717;
}
.active-picture .card .card-list .card-price{
    width: 515px;
	height: 200px;
    /* margin-top:15px; */
    /* background-color: #212121; */
    text-align: center;
    overflow: hidden;
    /* opacity: 0.05; */
    color:#ffffff;
}
.active-picture .card .card-list:hover .card-price{
    background-color: #dd1717;
	opacity: 0.5;
}
.card .card-list .card-price .p1{
    width: 229px;
	/* height: 101px; */
    font-size: 36px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 50px;
	/* color: #ffffff; */
}
.card .card-list .card-price .p2{
    font-size: 14px;
    line-height: 30px;
}
.card .card-list .card-price .p3{
    font-size: 14px;
    line-height: 30px;
}
